<template>
        <div class="box">
                <img :src="imgurl" />
        </div>
        <el-table :data="tableData" stripe style="width: 100%">
            <el-table-column prop="Sid" label="Sid" />
            <el-table-column prop="name" label="姓名" />
            <el-table-column prop="classs" label="班级" />
        </el-table>
        <el-table :data="tableData" stripe style="width: 100%">
            <el-table-column prop="cTime" label="创建时间" />
            <el-table-column prop="degree" label="学历" />
            <el-table-column prop="productUrl" label="项目地址" />
        </el-table>
        <el-table :data="tableData" stripe style="width: 100%">
            <el-table-column prop="description" label="描述" />
            <el-table-column prop="name" label="城市" />
            <el-table-column prop="age" label="年龄" />
        </el-table>
        <el-button type="primary" @click="rollback">点击返回</el-button>
    
</template>
<script setup>
import { ref,onMounted,watch} from "vue"
// 引入store
import useStore from '@/store/users.js'
// 引入路由
import { useRouter } from 'vue-router'
// 使用路由
const router = useRouter()
// 使用store
const store = useStore()

let SId = store.studentInfo.value.sId
let name = store.studentInfo.value.name
let classs = store.studentInfo.value.class
let cTime = store.studentInfo.value.cTime
let degree = store.studentInfo.value.degree
let productUrl = store.studentInfo.value.productUrl
let description = store.studentInfo.value.description
let age = store.studentInfo.value.age
let imgurl = store.studentInfo.value.headimgurl
let tableData = ref([
    {
        Sid: SId,
        name: name,
        classs: classs,
        cTime: cTime,
        degree: degree,
        productUrl: productUrl,
        description: description,
        age: age
    }
])
let rollback = () => {
    router.push("/stu/product")
}
</script>
<style scoped>
.box {
    height: 200px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.box .headpPicture{
    text-align: center;
    height: 200px;
    width: 200px;
}
</style>